<template>
	<view class="content" v-if="pageShow">
		<u-swiper :list="swiperList" height="350" circular indicatorStyle="right: 20px"
			@change="e => currentNum = e.current">
			<view slot="indicator" class="indicator-num">
				<text class="indicator-num__text">{{ currentNum + 1 }}/{{ swiperList.length }}</text>
			</view>
		</u-swiper>
		<view class="mainpadding">
			<view class="mainpadding_top ffffff radius flexleft">
				<view class="neiyong lableradius xiaohuang margin_right2">免運</view>
				<view class="xiaohui margin_right">月售{{goodsInfo.count}}</view>
				<view class="xiaohui">庫存{{goodsInfo.end_num}}</view>
			</view>
			<view class="mainpadding_top ffffff radius" v-if="goodsInfo.goods_sale.length">
				<view class="titletext bold hei_text">處置選擇</view>
				<view class="margin_top">
					<u-radio-group v-model="is_df" placement="row" circle>
						<u-radio activeColor="#ff8505" :customStyle="{marginRight: '30rpx'}" :label="item.name"
							:name="index" v-for="(item,index) in goodsInfo.goods_sale" :key="item.id"></u-radio>
					</u-radio-group>
				</view>
			</view>
			<view class="mainpadding_top ffffff radius">
				<view class="flexbetween">
					<view class="titletext bold hei_text">{{goodsInfo.name}}</view>
					<view class="main_size bold color_red">${{goodsInfo.price}}</view>
				</view>
				<view class="flexbetween margin_top" v-if="goodsInfo.is_size==1">
					<view class="flexleft" v-if="goodsInfo.shopformula.type!=2">
						<view class="color_red main_size ">寬({{goodsInfo.shopformula.size}})</view>
						<view class="bghui radius margin_left2" style="padding: 20rpx 10rpx;">
							<input type="number" style="text-align: center;min-width: 180rpx;max-width: 180rpx;"
								placeholder="請輸入" class="xiaohong" v-model="wei" @blur="weiBlur">
						</view>
					</view>
					<view class="flexleft" v-if="goodsInfo.shopformula.type!=1">
						<view class="color_red main_size">高({{goodsInfo.shopformula.size}})</view>
						<view class="bghui radius margin_left2" style="padding: 20rpx 10rpx;">
							<input type="number" style="text-align: center; min-width: 180rpx;max-width: 180rpx;"
								placeholder="請輸入" class="xiaohong" :disabled="heiDisabled" v-model="hei"
								@blur="heiBlur">
						</view>
					</view>
				</view>
				<view class="flexbetween bghui radius mainpadding margin_top">
					<view class="flexleft">
						<view class="hei_text main_size bold">單位：</view>
						<view class="color_red main_size bold">{{formulaValue}} {{goodsInfo.unit}}</view>
					</view>
					<view class="flexleft">
						<view class="hei_text main_size bold">小記價格：</view>
						<view class="color_red main_size bold">${{subTotal}}</view>
					</view>
				</view>
			</view>
			<view class="flexbetween ffffff mainpadding_top radius">
				<view class="titletext bold hei_text">數量</view>
				<view class="numberBg" v-if="goodsInfo.is_cl!=1">
					<u-number-box button-size="36" color="#000000" bgColor="#F7F7F7" iconStyle="color: #fff"
						v-model="num"></u-number-box>
				</view>
				<view class="titletext bold hei_text" v-if="goodsInfo.is_cl==1">{{num}}</view>
			</view>
			<!-- <view class="ffffff mainpadding_top radius" v-if="sp_attr.length">
				<view class="titletext bold hei_text"> 客戶資料填寫<text style="color: #ff0000;">*</text></view>
				<view class=" margin_top" :class="index+1==sp_attr.length?'':'pdl'" v-for="(item,index) in sp_attr" :key="index">
					<view class="main_size bold hei_text">{{item.name}}</view>
					<input type="text" class="margin_top1" placeholder="請輸入" v-model="item.value"/>
				</view>
			</view> -->
			<!-- 商品规格一選擇的商品 -->
			<view class="mainpadding_top ffffff radius" style="position: relative;" v-for="item in secondList.goods"
				:key="item.id">
				<view class="pdl flexleft">
					<view class="fuwulable">{{item.salename}}</view>
					<view class="listleftimg radius margin_right">
						<image class="listleftimg radius" :src="item.logoimage" mode=""></image>
					</view>
					<view style="width: 100%;">
						<view class="hei_text main_size bold">{{item.goods_name}}</view>
						<view class="xiaohui margin_top1">尺寸：{{item.wei}}*{{item.hei}}
							{{item.formulacount}}{{item.size}}
						</view>
						<view class="xiaohui margin_top1" v-if="item.spunatname">規格：{{item.spunatname}}</view>
						<view class="flexbetween margin_top1">
							<view class="text_w color_red bold">${{item.price}}</view>
							<view class="text_six color_red">x{{item.num}}</view>
						</view>
					</view>
				</view>
				<view class="flexright margin_top">
					<!-- <view class="flexleft margin_right" @click="editGoods(item)">
						<image src="/static/images/mine/edit.png" class="editImage margin_right1" mode=""></image>
						<view class="text_b color_san">编辑</view>
					</view> -->
					<view class="flexleft" @click="removeOrder(item.id)">
						<image src="/static/images/mine/delete.png" class="deleteImage margin_right1" mode=""></image>
						<view class="text_b color_san">刪除</view>
					</view>
				</view>
			</view>
			<!-- 上传文件 -->
			<view class="mainpadding_top ffffff radius" v-if="goodsInfo.is_up==1">
				<view class="flexbetween">
					<view class="flexleft">
						<image src="../../static/image/system/wenjian.png" style="width: 56rpx;height: 56rpx;" mode="">
						</image>
						<view class="titletext hei_text bold margin_left">上傳檔名及照片</view>
					</view>
					<view class="flexright" v-if="addimage_arr.length<1">
						<view class="listbtnhuang margin_left2" @click="uploadImg(addimage,addimage_arr,1)">立即上傳</view>
					</view>
					<view class="flexright" v-else>
						<view class="listbtnhuang margin_left2">已上傳</view>
					</view>
				</view>
			</view>
			<!-- 商品规格一 -->
			<!-- <view class="mainpadding_top ffffff radius">
				<view class="titletext bold hei_text">商品规格一</view>
				<view class="flexleft flex_wrap">
					<view class="margin_top margin_right guigelable radius" v-for="item in goodsInfo.goods_sku"
						:key="item.id" @click="goSelectGoods(item)">
						{{item.name}}
					</view>
				</view>
			</view> -->
			<!-- 商品规格二 -->
			<view class="paddinglr margin_top flexleft">
				<view class="titletext bold hei_text margin_right1">商品規格二</view>
				<view class="text_w color_red">*</view>
			</view>
			<view class="mainpadding_top ffffff radius" v-for="(item,index) in spuList" :key="item.id">
				<view class="flexbetween">
					<view class="text_w hei_text">{{item.name}}</view>
					<view class="xiaohui">至少選擇{{item.num_b}}個</view>
				</view>
				<view class="flexleft margin_top" :class="i==item.list.length-1?'':'pdl'" v-for="(value,i) in item.list"
					:key="value.id">
					<!-- <view class="fuwulable">236</view> -->
					<view class="listleftimg2 radius margin_right">
						<image class="listleftimg2 radius" :src="value.image" mode=""></image>
					</view>
					<view class="flexbetween" style="width: 100%;">
						<view style="width: 60%;">
							<view class="hei_text main_size bold yihang">{{value.name}}</view>
							<view class="huang_text main_size bold margin_top">
								<text class="main_size color_red margin_right1">${{value.money}}</text>
								<!-- <text class="text_e color_six" style="text-decoration: line-through;">$56</text> -->
							</view>
						</view>
						<view :class="value.isChecked?'checkbox':'nocheckbox'"
							@click="selectSpu(index,value,item.num_b)"></view>
					</view>
				</view>
			</view>
			<!-- 备注 -->
			<view class="mainpadding_top ffffff radius">
				<view class="titletext bold hei_text">備注</view>
				<textarea placeholder="請輸入備注信息" class="margin_top huang_text main_size" style="height: 100rpx;"
					v-model="notes"></textarea>
			</view>
		</view>
		<!-- 商品詳情 -->
		<view class="" v-if="goodsInfo.detailsImages_arr.length">
			<view class="titletext bold hei_text flexcenter">商品詳情</view>
			<view class="margin_top">
				<image :src="item" mode="widthFix" style="width: 100%;display: block;"
					@click="lbtpriview(index,goodsInfo.detailsImages_arr)"
					v-for="(item,index) in goodsInfo.detailsImages_arr" :key="index"></image>
			</view>
		</view>
		<!-- 購買須知 -->
		<view class="mainpadding2" >
			<view class="mainpadding_top ffffff radius" v-if="goodsInfo.buy_notice">
				<view class="titletext bold hei_text flexcenter">購買須知</view>
				<view class="margin_top">
					<text class="text_a color_six ">{{goodsInfo.buy_notice}}</text>
				</view>
			</view>
		</view>
		<!-- 出貨須知 -->
		<view class="mainpadding2"  style="padding-bottom: 200rpx;">
			<view class="mainpadding_top ffffff radius" v-if="goodsInfo.notice">
				<view class="titletext bold hei_text flexcenter">出貨須知</view>
				<view class="margin_top">
					<text class="text_a color_six ">{{goodsInfo.notice}}</text>
				</view>
			</view>
		</view>
		<view class="posibottom mainpadding">
			<view class="flexbetween">
				<view class="leftAllprice flexleft mainpadding ffffff">
					<view class="hei_text main_size">合計：</view>
					<view class="color_red main_size" v-text="'$'+money"></view>
				</view>
				<view class="rightsubmit flexcenter mainpadding" @click="confirm">
					<view class="hei_text main_size">提交</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				currentNum: 0,
				swiperList: [], //轮播图
				num: 1,
				is_df: 0,
				goodsInfo: {
					goods_sale: []
				},
				spuList: [], //商品规格二列表
				// weiDisabled: false,
				heiDisabled: true,

				shop_id: uni.getStorageSync("shop_id"),
				goods_id: "", //商品id
				wei: "", //宽
				hei: "", //高
				spunatname: "", //规格2属性名称
				spunatid: "", //规格2属性id
				num: 1, //数量
				addimage: [], //上传的图片
				addimage_arr: [], //上传的图片展示
				formulaValue: 0, //公式算出来的值
				notes: "", //备注
				secondList: [], //二级商品列表
				pageShow: false,
				selectSpuNum: [], //商品规格2已選擇的规格属性数量
				spuPrice:0,
				sp_attr: []
			}
		},
		watch: {
			wei(newVal) {
				if (newVal) {
					this.heiDisabled = false
				}
			},
			spuList:{
				handler(newVal){
					console.log("監聽到了",newVal)
					this.getSelectSpu(newVal)
				},
				deep:true
			}
		},
		computed: {
			subTotal() { //小計价格
				let end_price = 0
				let value = this.formulaValue * this.goodsInfo.price * this.num
				let price_j = Number(this.goodsInfo.goods_sale[this.is_df].price_j)
				if (value > price_j) {
					end_price = value
				} else {
					end_price = price_j
				}
				return end_price
			},
			money() { //总价
				let price = 0
				// this.spuList[0].list.forEach(item => {
				// 	if (item.isChecked) {
				// 		price = Number(item.money)
				// 	}
				// })
				// console.log(this.spuList,"改变了！！！")
				// this.spuList.forEach(item => {
				// 	item.list.forEach(value => {
				// 		if (item.isChecked) {
				// 			price += Number(item.money)
				// 		}
				// 	})
				// })
				// console.log(this.subTotal, "end_price");
				// console.log(price, "price");
				// console.log(this.num, "num");
				return (Number(this.subTotal) + this.spuPrice * this.num)
			}
		},
		onLoad(options) {
			this.goods_id = options.id
			this.getInfo()
		},
		onShow() {
			// this.getList()
		},
		methods: {
			getSelectSpu(arr){
				console.log(1111111)
				arr.forEach(item => {
					item.list.forEach(value => {
						if (item.isChecked) {
							console.log(item.money,"money")
							this.spuPrice += Number(item.money)
						}
					})
				})
				console.log(this.spuPrice,"spuPrice")
			},
			async getInfo() { //商品详情
				let _this = this
				let res = await this.http.request('/api/goods/deail', 'POST', {
					goods_id: this.goods_id
				})
				if (res.code == 1) {
					res.data.carouselimages.split(",").forEach(item => {
						this.swiperList.push(this.imgUrl + item)
					})
					let detailsImages_arr = []
					res.data.detailsimages.split(",").forEach(item => {
						detailsImages_arr.push(this.imgUrl + item)
					})
					this.$set(res.data, "detailsImages_arr", detailsImages_arr)
					let spuList = []
					res.data.goods_spu.forEach(item => {
						spuList.push({
							id: item.id,
							name: item.name,
							num_b: item.num_b,
							list: []
						})
					})
					res.data.goods_spunat.forEach(item => {
						item.image = this.imgUrl + item.image
						this.$set(item, "isChecked", false)
						spuList.forEach(value => {
							if (item.goods_spu_id == value.id) {
								value.list.push(item)
							}
						})
					})
					spuList.forEach(item => {
						this.selectSpuNum.push({
							id: item.id,
							selectId: []
						})
					})
					this.spuList = spuList
					console.log(this.spuList, "spuList")
					let sp_attr = []
					if (res.data.sp_attr) {
						res.data.sp_attr.split(",").forEach(item => {
							sp_attr.push({
								name: item,
								value: ""
							})
						})
					}
					this.sp_attr = sp_attr
					this.goodsInfo = res.data
					this.pageShow = true
					console.log(this.goodsInfo);
				} else if (res.code == 0) {
					// this.http.toast(res.msg)
				} else {
					this.http.toast('系統處理中，請稍後再試');
				}
			},
			weiBlur() { //宽失去焦点
				let value = 0
				let weiValue = 0
				let heiValue = 0
				let info = this.goodsInfo.shopformula
				// if (!this.hei) {
				// 	return false
				// }
				if (info.type == 0) {
					weiValue = eval(this.wei + info.wei_a + info.wei_b)
					console.log(weiValue, "weiValue");
					heiValue = eval(this.hei + info.hei_a + info.hei_b)
					console.log(heiValue, "heiValue");
					value = eval((weiValue + info.wei_c + heiValue) + info.hei_c + info.numval)
					console.log(value.toFixed(info.num), "value");
				} else if (info.type == 1) {
					weiValue = eval(this.wei + info.wei_a + info.wei_b)
					value = eval(weiValue + info.hei_c + info.numval)
				} else if (info.type == 3) {
					value = Number(this.wei) > Number(this.hei) ? this.wei : this.hei
				} else if (info.type == 4) {
					value = Number(this.wei) > Number(this.hei) ? this.hei : this.wei
				}
				this.formulaValue = (Number(value).toFixed(info.num))>=1?Number(value).toFixed(info.num):1
			},
			heiBlur() { //高失去焦点
				let value = 0
				let weiValue = 0
				let heiValue = 0
				let info = this.goodsInfo.shopformula
				if (info.type == 0) {
					weiValue = eval(this.wei + info.wei_a + info.wei_b)
					console.log(weiValue, "weiValue");
					heiValue = eval(this.hei + info.hei_a + info.hei_b)
					console.log(heiValue, "heiValue");
					value = eval((weiValue + info.wei_c + heiValue) + info.hei_c + info.numval)
					console.log(value, "value");
				} else if (info.type == 2) {
					heiValue = eval(this.hei + info.hei_a + info.hei_b)
					value = eval(heiValue + info.hei_c + info.numval)
				} else if (info.type == 3) {
					value = Number(this.wei) > Number(this.hei) ? this.wei : this.hei
				} else if (info.type == 4) {
					value = Number(this.wei) > Number(this.hei) ? this.hei : this.wei
				}
				this.formulaValue = (Number(value).toFixed(info.num))>=1?Number(value).toFixed(info.num):1
			},
			// reduceFn() {
			// 	this.num = Number(this.num) - 1
			// },
			// addFn() {
			// 	this.num = Number(this.num) + 1
			// },
			goSelectGoods(item) { //商品规格一選擇商品
				let arr = []
				item.shopclassify_id.split(",").forEach(value => {
					arr.push({
						id: value,
						name: ""
					})
				})
				item.shopclassify_name.split(",").forEach((value, index) => {
					arr[index].name = value
				})
				// uni.navigateTo({
				// 	url:"/pages/callOutOrder/classifyScreenGoods"
				// })
				uni.navigateTo({
					url: "/pages/callOutOrder/classifyScreenGoods?msg=" + encodeURIComponent(JSON.stringify(arr))
				})
			},
			async getList() { //選擇的二级商品
				let _this = this
				let res = await this.http.request('/api/goods/listordergoods', 'POST', {
					shop_id: this.shop_id
				})
				if (res.code == 1) {
					res.data.goods.forEach(item => {
						item.logoimage = this.imgUrl + item.logoimage
					})
					this.secondList = res.data
					// console.log(this.orderInfo);
				} else if (res.code == 0) {
					// this.http.toast(res.msg)
				} else {
					this.http.toast('系統處理中，請稍後再試');
				}
			},
			editGoods(item) { //编辑二级商品
				// uni.navigateTo({
				// 	url: "/pages_index/goodsInfoEdit?msg=" + encodeURIComponent(JSON.stringify(item))
				// })
				uni.navigateTo({
					url: "/pages_index/goodsInfoEditSecond?msg=" + encodeURIComponent(JSON.stringify(item))
				})
			},
			async removeOrder(id) { //刪除二级商品
				let _this = this
				let res = await this.http.request('/api/goods/delordergoods', 'POST', {
					id
				})
				if (res.code == 1) {
					this.http.toast("刪除成功")
					let index = this.secondList.goods.findIndex(item => {
						return id == item.id
					})
					this.secondList.goods.splice(index, 1)
				} else if (res.code == 0) {
					this.http.toast(res.msg)
				} else {
					this.http.toast('系統處理中，請稍後再試');
				}
			},
			selectSpu(index, value, num_b) { //選擇商品规格二
				if (num_b != 0) {
					let selectNum = this.selectSpuNum[index].selectId.length
					if (selectNum != num_b) {
						// console.log(111111111111)
						this.selectSpuNum[index].selectId.push(value.id)
						value.isChecked = true
						// selectNum += 1
					} else {
						// console.log(22222222222222)
						let i = this.spuList[index].list.findIndex(item => {
							return item.id == this.selectSpuNum[index].selectId[selectNum - 1]
						})
						// console.log(this.selectSpuNum[index].selectId[selectNum - 1])
						// console.log(i)
						this.spuList[index].list[i].isChecked = false
						value.isChecked = true
						// this.selectSpuNum[index].selectId.splice(selectNum - 1, 1)
						this.$set(this.selectSpuNum[index].selectId, selectNum - 1, value.id)
						// console.log(this.selectSpuNum[index].selectId, "selectId")
					}
				} else {
					this.spuList[index].list.forEach(item => {
						item.isChecked = false
					})
					value.isChecked = true
				}
			},
			confirm() {
				if(this.num>this.goodsInfo.xd_num && Number(this.goodsInfo.xd_num)!=-1){
					this.http.toast("當前商品限點"+this.goodsInfo.xd_num+"件")
					return false
				}
				if(this.goodsInfo.end_num!=-1){
					if(Number(this.num)>Number(this.goodsInfo.end_num)){
						this.http.toast("當前商品庫存僅剩"+this.goodsInfo.end_num)
						return false
					}
				}
				if (this.goodsInfo.is_size == 1) {
					if (!this.wei) {
						this.http.toast("請輸入寬！")
						return false
					}
					if (!this.hei) {
						this.http.toast("請輸入高！")
						return false
					}
				}
				// if(this.sp_attr.length){
				// 	for (let i = 0; i < this.sp_attr.length; i++) {
				// 		let item = this.sp_attr[i]
				// 		if(item.value==""){
				// 			this.http.toast("請輸入"+item.name)
				// 			return false
				// 		}
				// 	}
				// }
				this.getAddOrderGoods()
			},
			async getAddOrderGoods() {
				let spunatid_arr=[]
				let spunatname_arr=[]
				this.spuList.forEach(item=>{
					item.list.forEach(value=>{
						if (value.isChecked) {
							spunatid_arr.push(value.id)
							spunatname_arr.push(value.name)
						}
					})
				})
				// this.spuList[0].list.forEach(item => {
				// 	if (item.isChecked) {
				// 		this.spunatid = item.id
				// 		this.spunatname = item.name
				// 	}
				// })
				let res = await this.http.request('/api/Ordercall/addorderGoodslist', 'POST', {
					order_call_id:uni.getStorageSync("order_call_id"),
					shop_id: this.shop_id, //店鋪id
					goods_id: this.goods_id, //商品id
					goods_name: this.goodsInfo.name, //商品名称
					// goods_name: "哈哈哈", //商品名称
					logoimage: this.goodsInfo.logoimage, //商品logo
					wei: this.wei, //宽
					hei: this.hei, //高
					size: this.goodsInfo.unit, //單位
					sp_attr:this.sp_attr,
					spunatname: spunatname_arr.join(), //规格2属性名称
					spunatid:spunatid_arr.join(), //规格2属性id
					num: this.num, //数量
					price: this.money, //价格
					addimage: this.addimage.join(), //上传的图片
					formulacount: this.formulaValue, //公式計算的值
					salename: this.goodsInfo.goods_sale[this.is_df].name, //销售类别名称
					type: 0, //0主商品 1子商品
				})
				if (res.code == 1) {
					uni.navigateBack({
						delta:2
					})
					// this.getAddOrder(res.data)
				} else if (res.code == 0) {
					this.http.toast(res.msg)
				} else {
					this.http.toast('系統處理中，請稍後再試');
				}
			},
			async getAddOrder(id) {
				let res = await this.http.request('/api/goods/addorder', 'POST', {
					shop_id: this.shop_id, //店鋪id
					goods_ordergoodid: id, //订單id
					notes: this.notes, //商品名称
					money: this.money, //价格
				})
				if (res.code == 1) {
					uni.navigateTo({
						url: "./orderInfo"
					})
				} else if (res.code == 0) {
					this.http.toast(res.msg)
				} else {
					this.http.toast('系統處理中，請稍後再試');
				}
			},
		}
	}
</script>

<style lang="scss" scoped>
	.indicator {
		@include flex(row);
		justify-content: center;

		&__dot {
			height: 6px;
			width: 6px;
			border-radius: 100px;
			background-color: rgba(255, 255, 255, 0.35);
			margin: 0 5px;
			transition: background-color 0.3s;

			&--active {
				background-color: #ffffff;
			}
		}
	}

	.indicator-num {
		padding: 2px 0;
		background-color: rgba(0, 0, 0, 0.35);
		border-radius: 100px;
		width: 35px;
		@include flex;
		justify-content: center;

		&__text {
			color: #FFFFFF;
			font-size: 12px;
		}
	}

	.numberBg {
		background: #F7F7F7;
		padding: 8rpx 6rpx;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
	}

	// .checkbox {
	// 	width: 30rpx;
	// 	height: 30rpx;
	// 	background-image: url("@/static/images/index/trueSelect.png");
	// 	background-size: 100% 100%;
	// }

	// .nocheckbox {
	// 	width: 30rpx;
	// 	height: 30rpx;
	// 	background-image: url("@/static/images/index/trueNoSelect.png");
	// 	background-size: 100% 100%;
	// }

	::v-deep .u-number-box__minus {
		background-color: #EC7AA0 !important;
	}

	::v-deep .u-number-box__plus {
		background-color: #EC7AA0 !important;
	}

	::v-deep .uicon-minus {
		color: #000000 !important;
	}

	::v-deep .uicon-plus {
		color: #000000 !important;
	}

	::v-deep.u-radio-group {
		flex: none !important;
	}

	.mainpadding {
		padding: 30rpx;
		box-sizing: border-box;
	}

	.mainpadding2 {
		padding: 0 30rpx 30rpx;
		box-sizing: border-box;
	}

	.mainpadding_top {
		padding: 30rpx;
		margin-top: 30rpx;
		box-sizing: border-box;
	}

	.margin_top {
		margin-top: 30rpx;
	}

	.margin_right2 {
		margin-right: 20rpx;
	}

	.margin_right {
		margin-right: 30rpx;
	}

	.margin_left2 {
		margin-left: 20rpx;
	}

	.margin_left {
		margin-left: 30rpx;
	}

	.flexcenter {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.flexbetween {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.flexleft {
		display: flex;
		align-items: center;
	}

	.flexright {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.flex_wrap {
		flex-wrap: wrap;
	}

	.ffffff {
		background-color: #fff;
	}

	.radius {
		border-radius: 10rpx;
	}

	.xiaohui {
		font-size: 24rpx;
		color: #999;
	}

	.xiaohong {
		font-size: 34rpx;
		color: #ff0000;
	}

	.xiaohuang {
		font-size: 24rpx;
		color: #FF5C00;
	}

	.hui_text {
		color: #999;
	}

	.huang_text {
		color: #FF5C00;
	}

	.hei_text {
		color: #333;
	}

	.titletext {
		font-size: 32rpx;
		font-family: PingFang SC-Medium, PingFang SC;
	}

	.bold {
		font-weight: bold;
	}

	.main_size {
		font-size: 34rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
	}

	.listleftimg {
		width: 150rpx;
		height: 150rpx;
		position: relative;
	}

	.pdl {
		padding-bottom: 30rpx;
		border-bottom: 1rpx solid rgba(0, 0, 0, .03);
	}

	.listbtnhuang {
		border-radius: 50rpx;
		padding: 15rpx 30rpx;
		font-size: 26rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #FF5C00;
		border: 1rpx solid #FF5C00;
	}

	.lableradius {
		border-radius: 10rpx 10rpx 10rpx 0;
		padding: 5rpx 10rpx;
		font-size: 26rpx,
	}

	.neiyong {
		background-color: #fff3e6;
		color: #ffb800;
	}

	/* //合計 */
	.posibottom {
		position: fixed;
		bottom: 30rpx;
		left: 0;
		width: 100%;
		box-sizing: border-box;
	}

	.leftAllprice {
		border-radius: 50rpx 0 0 50rpx;
		flex: 6;
	}

	.rightsubmit {
		background-color: #ffb800;
		border-radius: 0 50rpx 50rpx 0;
		flex: 1;
	}

	.fuwulable {
		position: absolute;
		top: 0;
		right: 0;
		border-radius: 0 10rpx 0 10rpx;
		background-color: #fff4e8;
		font-size: 16rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #ffb800;
		padding: 5rpx 30rpx;
	}

	.bghui {
		background-color: #f7f7f6;
	}

	.listleftimg2 {
		width: 110rpx;
		height: 110rpx;
	}

	.guigelable {
		background-color: #ffb800;
		color: #fff;
		font-size: 24rpx;
		padding: 10rpx 30rpx;
	}
</style>